<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="layuiadmin//layui/css/layui.css" media="all">
    <title>Document</title>
</head>

<body>
    <style>
        button {
            margin: 2px 0;
            padding: 0;
            width: 100px;
            height: 30px;
        }

        html,
        body {
            width: 780px;
            height: 600px;
            margin: 0;
            padding: 0;
        }
    </style>

    <!-- <div>
        <button type="button" class="layui-btn layui-btn-primary">原始按钮</button>
        <button type="button" class="layui-btn">默认按钮</button>
        <button type="button" class="layui-btn layui-btn-normal">百搭按钮</button>
        <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button>
        <button type="button" class="layui-btn layui-btn-danger">警告按钮</button>
        <button type="button" class="layui-btn layui-btn-disabled">禁用按钮</button>
    </div> -->


    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">书签管理</li>
            <li>用户登录</li>
            <li>用户注册</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="layui-card ">
                    <!-- <div class="layui-card-header">操作</div> -->
                    <div class="layui-card-body header_btn">
                        <div class="test-table-reload-btn">
                            <div class="layui-row">
                                <div class="layui-btn-container">
                                    <!-- <button class="layui-btn   layui-btn-sm" id="create" data-type="create"><i
                                            class="layui-icon layui-icon-add-1"></i>登录</button>
                                    <button class="layui-btn   layui-btn-sm layui-btn-normal" id="create_excel"
                                        data-type="create_excel"><i class="layui-icon layui-icon-add-1"></i>注册</button> -->
                                    <button class="layui-btn   layui-btn-sm layui-btn-warm" id="export"
                                        data-type="upload"><i class="layui-icon layui-icon-export "></i>上传</button>
                                    <button class="layui-btn   layui-btn-sm layui-btn-danger" id="export"
                                        data-type="update"><i class="layui-icon layui-icon-export "></i>下载</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <form class="layui-form" action="" lay-filter="login">
                    <div class="layui-form-item">
                        <label class="layui-form-label">输入框</label>
                        <div class="layui-input-inline">
                            <input type="text" name="userName" required lay-verify="required" placeholder="请输入用户名"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">密码框</label>
                        <div class="layui-input-inline">
                            <input type="password" name="userPassword" required lay-verify="required"
                                placeholder="请输入密码" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            <button type="" data-type="defaultLogin" class="layui-btn layui-btn-primary">默认值</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="layui-tab-item">
                <form class="layui-form" action="" lay-filter="register">
                    <div class="layui-form-item">
                        <label class="layui-form-label">输入框</label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">密码框</label>
                        <div class="layui-input-inline">
                            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">电话</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="phone" required lay-verify="required" placeholder="请输入电话"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">邮箱</label>
                        <div class="layui-input-inline">
                            <input type="email" name="email" required lay-verify="required" placeholder="请输入邮箱"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo_register">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>





    <script src="js/jquery.3.5.1.js"></script>
    <script src="layuiadmin//layui/layui.js"></script>
    <script src="js/popup.js"></script>
</body>

</html>